<%--
  Created by IntelliJ IDEA.
  User: 小柒的Java
  Date: 2021/4/22
  Time: 10:38
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>路径问题</title>
    <style type="text/css">
        img {
            height: 300px;
            width: 300px;
        }


    </style>
</head>
<body>
<!--
       首先分析：
          1，在html文件中
          2.先加上/ 在前台路径中
          3.前台路径是参照当前Web服务器的根
          参照路径 即Http://localhost:8080
          绝对路径 =参照路径+相对路径
          那也就是说浏览器会将这个相对路径自动转换的绝对路径是：
          Http:localhost:8080/img/i1/jpg

        在Web服务器下是没有images目录的，所以这个相对路径是无法显示图片的
        而Web服务器下有 /12_relativePath1项目，而该项目下有img/car.jpg资源
        所以这个相对路径是可以正确显示的

<%--      ${pageContext.request.contextPath}代表的是 当前项目名称--%>
       -->
<img alt="car" src="${pageContext.request.contextPath}/img/i1.jpeg">

<form action="${pageContext.request.contextPath}/some" method="post">
    用户名:<label>
    <input type="text">
</label>; <br>
    <input type="submit" value="登录">
</form>

</body>
</html>
